import React from 'react';
import {NavLink} from "react-router-dom";
import './style.less'

const BottomNav = () =>{
    return(
        <div  className="nav-footer">
           <ul>
               <li>
                   <NavLink exact="true" to={"/"}>
                       <i className="iconfont icon-home"></i>
                       首页
                   </NavLink>
               </li>
               <li>
                   <NavLink exact="true" to={"/life"}>
                       <i className="iconfont icon-trophy"></i>
                       生活服务
                   </NavLink>
               </li>
               <li>
                   <NavLink exact="true" to={"/user"}>
                       <i className="iconfont icon-shop"></i>
                       商城
                   </NavLink>
               </li>
               <li>
                   <NavLink exact="true" to={"/shop"}>
                       <i className="iconfont icon-team"></i>
                       我的
                   </NavLink>
               </li>
           </ul>
        </div>
    )
}
export default BottomNav